{% extends "base.html" %}
{% block header %}{% include "shop/header.html" %}{% endblock %}
{% block footer %}{% include "shop/footer.html" %}{% endblock %}
{%block content%}
<div class="wrap-flechas">
    <img src="/src/img/left.gif" class="arrow-left" />
	<div class="wrap-libros">
		<h2>Libros más vendidos</h2>
		<div class="libros">
			<a href="#"><img src="/src/img/libro-1.gif" alt="libro-1" class="libro" /></a>
			<a href="#"><img src="/src/img/libro-2.gif" alt="libro-2" class="libro" /></a>
			<a href="#"><img src="/src/img/libro-3.gif" alt="libro-3" class="libro" /></a>
			<a href="#"><img src="/src/img/libro-4.gif" alt="libro-4" class="libro" /></a>
			<a href="#"><img src="/src/img/libro-5.gif" alt="libro-5" class="libro" /></a>
			<a href="#"><img src="/src/img/libro-1.gif" alt="libro-1" class="libro" /></a>
			<a href="#"><img src="/src/img/libro-2.gif" alt="libro-2" class="libro" /></a>
			<a href="#"><img src="/src/img/libro-3.gif" alt="libro-3" class="libro" /></a>
			<a href="#"><img src="/src/img/libro-4.gif" alt="libro-4" class="libro" /></a>
			<a href="#"><img src="/src/img/libro-5.gif" alt="libro-5" class="libro" /></a>
    		<a href="#"><img src="/src/img/libro-1.gif" alt="libro-1" class="libro" /></a>
			<a href="#"><img src="/src/img/libro-2.gif" alt="libro-2" class="libro" /></a>
			<a href="#"><img src="/src/img/libro-3.gif" alt="libro-3" class="libro" /></a>
			<a href="#"><img src="/src/img/libro-4.gif" alt="libro-4" class="libro" /></a>
			<a href="#"><img src="/src/img/libro-5.gif" alt="libro-5" class="libro" /></a>
		</div>
	</div>
	<img src="/src/img/right.gif" class="arrow-right" />
</div>
{%endblock%}